import api from "../../api/api"
import Toast from '@vant/weapp/toast/toast';//轻提示
Page({

  /**
   * 页面的初始数据
   */
  data: {
    value: "",
    history: [],
    proList:[],
    total:-1
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad(options) {
    //查询历史记录 
    let history=wx.getStorageSync("history")
    console.log("查询历史记录",history);
    if(history){
      this.setData({
        history
      })
    }
  },
  onCancel(){
    this.setData({
      value:'',
      proList:[],
      total:-1
    })
  },
  clearHistory(){
    this.setData({
      history:[],
      value:'',
      proList:[],
      total:-1
    })
    wx.removeStorageSync('history')
  },
  listProduct(){
    api.productList({
      "limit":100,
      "size":0,
      "keyword":this.data.history[0]
  }).then(res=>{
    this.setData({
      proList:res.data,
      total:res.total
    })
      console.log(res);
  })
  },
  itemClick(e){
    this.setData({
      value:e.currentTarget.dataset.value
    })
    this.onSearch();
  },
  onSearch(event) {
    let v=this.data.value.trim();
    if (v) {
      let history=this.data.history;
      history.unshift(this.data.value);
      this.setData({
        history:Array.from(new Set(history))
      })
      this.listProduct();
      //当查询成功之后-->写入缓存 
      wx.setStorageSync("history",this.data.history)
    }else{
      Toast.fail('请输入有效字符');
    }
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady() {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow() {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide() {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload() {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh() {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom() {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage() {

  }
})